//色号命名
//灰色系
@color-3:#333;
@color-6:#666;
@color-9:#999;
@color-c:#ccc;
@color-d:#ddd;
@color-ed:#ededed;
@color-f5:#f5f5f5;

//名称命名
//灰色系
@color-gray:@color-9;//#999
@color-gray-darker:darken(@color-gray,40%);//#333
@color-gray-dark:darken(@color-gray,20%);//#666
@color-gray-light:lighten(@color-gray,20%);//#ccc
@color-gray-lighter:lighten(@color-gray,30%);//#e5e5e5

//绿色系
@color-green:#0b7;
@color-green-dark:#185;
@color-green-light:#54bf8d;
@color-green-lighter:#c9e7d7;

//蓝色系
@color-blue:#00f;
@color-blue-dark:darken(@color-blue,15%);//#0000b3
@color-blue-light:#2e74d3;

//橙色系
@color-orange:#f50;//#f50
@color-orange-dark:darken(@color-orange,5%);//#e64d00
@color-orange-light:#FF7B10;

//红色系
@color-red:#f00;//#f00
@color-red-dark:darken(@color-red,10%);//#cc0000
@color-red-light:lighten(@color-red,10%);//#ff3333

@color-white:#fff;
@color-black:#000;
@color-yellow:#ffff00;

